<!DOCTYPE html>
<html>
<head>
<style>
#throbber {
  width: 16px;
  height: 16px;
  background-image: url(throbber.png);
  background-repeat: no-repeat;
}
.error {
  color: #f00;
}
</style>
<script src="jquery-1.3.2.min.js"></script>
<script src="util.js"></script>
<script src="throbber.js"></script>
<script src="options.js"></script>
<title>Greasefire Options</title>
</head>
<body onload="options.init();">
<h1>Greasefire Options</h1>
<p>
Status: <span id="status">Initializing...</span><span id="throbber"/>
</p>
<p>
Index date: <span id="index_date"/>
</p>
<p>
Script count: <span id="script_count"/>
</p>
<p>
<input type="button" id="update" value="Update" onclick="options.update(false)"/>
<input type="button" id="force_update" value="Force Update" onclick="options.update(true)"/>
<input type="button" id="reset" value="Reset" onclick="options.reset()"/>
</p>
<p>
<input id="enable_scheduled_updates" type="checkbox"/>Enabled scheduled updates
</p>
<p>
Next update: <span id="next_update_date"/>
</p>
</body>
</html>
